<%-- 
    Document   : ProductDetails
    Created on : Dec 10, 2013, 1:57:53 AM
    Author     : lyhoang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<%@page language="java" %>

<div class="main">
    <div class="thirteen columns">
        <br />
        <div class="product-info-box">
            <div class="product-essential">
                <div class="product-img-box">
                    <p class="product-image-zoom">
                        <img src="images/view_img.png"  alt="Image" title="Image" />
                    </p>
                </div>

                <div class="product-shop">
                    <h3 class="product-name">Htc Mobile 1120</h3>
                    <div class="price-box">
                        <span class="price">$600.00</span>
                        <span class="availability"></span>
                    </div>
                    <!--The hien nhom san pham cho nay`-->
                    <div class="price-box">
                        <span class="price">Số Lượng: 10</span>
                    </div>
                    <div class="price-box">
                        <span class="price">Nhóm: dkm</span>
                    </div>
                    <div class="model-block">
                        <p>
                            <span>Thông Tin: </span>Lorem sis um Ipspm Ipsum is simplttialso thally unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
                        </p>
                    </div>
                    <form>
                        <div class="add-to-cart-box">
                            <span class="qty-box">
                                <label for="qty">Số lượng đặt:</label>
                                <a href="javascript:void(0)" title="" class="prev add"><img src="images/qty_prev.png" title="" alt="add" />‹</a>
                                <input type="text" name="numberProduct" value="1" maxlength="12" id="qty" class="input-text qty" name="qty">
                                <a href="javascript:void(0)" title="" class="next dec add"><img src="images/qty_next.png" title="" alt="" />›</a>
                            </span>

                            <!--Thuc hien viec them bot so luong dat -->
                            <script type="text/javascript">
                                jQuery(function() {
                                    jQuery(".add").click(function() {
                                        var jQueryadd = jQuery(this);
                                        var oldValue = jQueryadd.parent().find("input").val();
                                        var newVal = 0;

                                        if (jQueryadd.text() == "›") {
                                            newVal = parseFloat(oldValue) + 1;
                                            // AJAX save would go here
                                        } else {
                                            // Don't allow decrementing below zero
                                            if (oldValue >= 1) {
                                                newVal = parseFloat(oldValue) - 1;
                                                // AJAX save would go here
                                            }
                                            if (oldValue == 0) {
                                                newVal = parseFloat(oldValue);
                                            }
                                        }
                                        jQueryadd.parent().find("input").val(newVal);
                                    });
                                });
                            </script>
                            <input type="submit" name="Addtocart" class="form-button" title="Add to Cart" value="Add to cart"></button>
                            <ul class="add-to-box">
                                <li><a href="#" title="Add to Wishlist" class="add-wishlist">Add to compare</a></li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="row"></div>

        <!--Them cac san pham co lien quan o day-->
        <!--Bieu tuong phan trang-->
        <div class="heading-block">
            <h1>Freatured Products</h1>
            <ul class="pagination">
                <li class="grid">
                    <a href="#" title="Grid">Grid</a>
                </li>
            </ul>
        </div><!--End Bieu tuong phan trang-->
        
        <!--Freatured Products-->
        <div class="feature-block">
            <ul class="product-grid">
                <li>
                    <div class="pro-img"><img title="Freature Product" alt="Freature Product" src="images/default_img.png" />
                    </div>
                    <div class="pro-hover-block">
                        <h4 class="pro-name">Htc One 1120</h4>
                        <div class="link-block">
                            <a href="#quick-view-container" class="quickllook inline" title="Quick View">Quick View</a>
                            <a href="view.html" class="quickproLink" title="Link">Product link</a>
                        </div>
                        <div class="pro-price">
                            $600.00
                        </div>
                    </div>
                </li>
            </ul>
        </div><!--End Freatured Products-->
    </div>
</div>